<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>星座CREATE</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<link rel="stylesheet" href="./css/base.css">
		<link rel="stylesheet"  type="text/css" href="./js/animate.min.css"/>
	</head>
	<body>
		<div id="up">
		<a href="javascript:;" id="totop">
			<img src="images/up.png" ></a>
		</div>
		<div id="lianxi">
			<h3>等鱼先生</h3>
			<a href="lianxiwo.html"><p>点击联系我</p></a>
		</div>
		<!-- 头部 -->
		<header id="head">
			<nav>
				<div class="left"><a href="#"><img src="images/menu.png" ></a>
					<div class="list"><a href="#"><img src="images/cross.png" ></a>
						<div class="box">
							<h3>Hello,</h3>
							<p>Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.</p>
							<p>Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
							<ul class="ziti">
								<a href="#"><li class="iconfont">&#xe63d;</li></a>
								<a href="#"><li class="iconfont">&#xe6c6;</li></a>
								<a href="#"><li class="iconfont">&#xe71c;</li></a>
								<a href="#"><li class="iconfont">&#xe9b2;</li></a>
							</ul>
							<ul class="wenzi">
								<a href="index.html"><li>家</li></a>
								<a href="#hualang"><li>画廊</li></a>
							<a href="shinei.html"><li>室内设计</li></a>
								<a href="chuangzao.html"><li>创造MYHONE</li></a>	
								<a href="lianxiwo.html"><li>联系我们</li></a>
							</ul>
						</div>
					</div>
				</div>
				<div class="conter">
					<a href="shinei.html">室内设计</a><a href="chuangzao.html">创造MYHOME</a>
				</div>
				<div class="right"><form ><input type="text" placeholder="你心里的HOME..."></form>
				</div>
			</nav>
			<div class="zhuti">
				<ul class="ziti">
					<a href="#"><li class="iconfont">&#xe63d;</li></a>
					<a href="#"><li class="iconfont">&#xe6c6;</li></a>
					<a href="#"><li class="iconfont">&#xe71c;</li></a>
					<a href="#"><li class="iconfont">&#xe9b2;</li></a>
				</ul>
				<div class="zhognjian"><h1>星座CREATE</h1>
					<em>如果我发自内心的创造，几乎所有的东西都能运作；如果从头脑中，几乎什么都没有。</em>
				</div>
			</div>
		</header>
	<!-- 画廊 -->
		<div id="hualang">
			<ul class="neirong">
				<li class="fade">
					<img src="images/ch.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="#">评论</a>
						<a href="#"><span class="iconfont">&#xe645;</span></a>
						<a href="#"><span class="iconfont">&#xe632;</span></a>
						<a href="#"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch1.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="no404.html"><span class="iconfont">&#xe645;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe632;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<div class="tibu">
						<div>
							<a href="no404.html"><h6>#设计#灵感</h6></a>
						<em>不管策略多么漂亮，你应该偶尔看看结果。</em>
						</div>
					</div>
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="no404.html"><span class="iconfont">&#xe645;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe632;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe9b2;</span></a>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch2.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="no404.html"><span class="iconfont">&#xe645;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe632;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<div class="tibu">
							<div>
								<a href="no404.html"><h6>#设计#灵感</h6></a>
							<em>不管策略多么漂亮，你应该偶尔看看结果。</em>
							</div>
					</div>
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="no404.html"><span class="iconfont">&#xe645;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe632;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe9b2;</span></a>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch3.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="no404.html"><span class="iconfont">&#xe645;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe632;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="#"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="#"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch4.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="#"><span class="iconfont">&#xe645;</span></a>
						<a href="#"><span class="iconfont">&#xe632;</span></a>
						<a href="#"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="#"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="#"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch5.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.htmno404.htm">评论</a>
						<a href="#"><span class="iconfont">&#xe645;</span></a>
						<a href="#"><span class="iconfont">&#xe632;</span></a>
						<a href="#"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch6.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="no404.html"><span class="iconfont">&#xe645;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe632;</span></a>
						<a href="no404.html"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch7.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="#"><span class="iconfont">&#xe645;</span></a>
						<a href="#"><span class="iconfont">&#xe632;</span></a>
						<a href="#"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
				<li class="fade">
					<div class="tibu">
						<div>
							<a href="no404.html"><h6>#设计#灵感</h6></a>
						<em>不管策略多么漂亮，你应该偶尔看看结果。</em>
						</div>
					</div>
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="#"><span class="iconfont">&#xe645;</span></a>
						<a href="#"><span class="iconfont">&#xe632;</span></a>
						<a href="#"><span class="iconfont">&#xe9b2;</span></a>
					</div>
				</li>
				<li class="fade">
					<img src="images/ch8.jpg" >
					<div class="wenben">
						<p>2014年12日/</p>
						<a href="no404.html">评论</a>
						<a href="#"><span class="iconfont">&#xe645;</span></a>
						<a href="#"><span class="iconfont">&#xe632;</span></a>
						<a href="#"><span class="iconfont">&#xe9b2;</span></a>
					</div>
					<div class="touming">
						<dl>
							<a href="no404.html"><dd>&nbsp;#设计#灵感</dd></a>
							<a href="no404.html"><em>观景廊</em></a>
						</dl>
					</div>
				</li>
			</ul>
		</div>
		<!-- 页脚 -->
		<hr width="80%" color="#ccc" size="1px" align="center" />
		<footer>
				<ul class="ziti">
					<a href="#"><li class="iconfont">&#xe63d;</li></a>
					<a href="#"><li class="iconfont">&#xe6c6;</li></a>
					<a href="#"><li class="iconfont">&#xe71c;</li></a>
					<a href="#"><li class="iconfont">&#xe9b2;</li></a>
				</ul>
				<p>版权(2020年)星座模板/<span>等鱼布局</span></p>
		</footer>
	</body>	
	<script src="./js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	 <script>
	    	window.onload = function(){
				var totop = document.getElementById("totop");
				totop.style.display = "none";
				 var timer = null;
				totop.onclick = function(){
					timer = setInterval(function(){
						var backTop = document.documentElement.scrollTop || document.body.scrollTop;	
						
						var speedTop = backTop/5;
						
						document.documentElement.scrollTop = backTop - speedTop;
						if(backTop == 0){
						clearInterval(timer);
						}	
					},30)	
				}	
			
			//超屏显示
			var linjie = 100;
			window.onscroll = function(){
				var backTop = document.documentElement.scrollTop || document.body.scrollTop;
				if(backTop > linjie){
					totop.style.display = "block";	
				}else{
					totop.style.display = "none";	
				}
			}
		}
	</script>
</html>
